<!DOCTYPE>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
	<!-- 头尾通用样式表 -->
	<link rel="stylesheet" type="text/css" href="css/header_footer.css">
	<!-- 导航栏通用样式表 -->
	<link rel="stylesheet" type="text/css" href="css/navbar.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="icon" href="./img/Icon/Hat_by_PxStardust.png" type="image/x-icon" />
	<title>WalkerZZL的个人主页</title>
</head>

<!--oncontextmenu='return false' ondragstart='return false' onselectstart ='return false'-->
<body oncontextmenu='return false' ondragstart='return false' onselectstart ='return false'>

<header>

	<div class="header">

		<div class="weather">
			<img id="Month"/>
			<img id="Date1" height="50%" />
			<img id="Date2"/>
			<img id="Week"/>
			<img id="Time">
		</div>

	</div>
</header>
	<nav>
	<ul class="navbar">
	<li>
		<a href="index.html">主页</a>
    </li>
    <li>
    	<a href="introduction.html">介绍</a>
    </li>
    <li>
    	<a href="dairy.html">日志</a>
    </li>
    <li>
    	<a href="#">相册</a>
    </li>
<!--     <li><a href="#">无用</a>
      <ul class="drop menu4">
        <li><a href="#">留着</a></li>
        <li><a href="#">只是</a></li>
        <li><a href="#">觉得</a></li>
        <li><a href="#">可惜</a></li>
      </ul>
    </li> -->
	</ul>
	</nav>
	<content>
		<div class="first_div">
			<div class="content_first">
				<img src="img/bar/LocationBar.png" width="100%">
				<ul>
					<li><h1>欢迎来到我的个人主页</h1></li>
					<li><img src="img/Icon/contacts3.png" height="100%"></li>
				</ul>
				<p>
				总觉得布局十分得不好看<br>
				而且个人的废话又比较多<br>
				基本是在拿图片凑数了<br>
				网页的布局总是让人感觉很迷茫<br>
				不得不说能做出好看的网页的人真的很厉害<br>
				这里仅仅是在吐槽一些经历而已<br>
				顺便填充一下字数<br>
				毕竟要是不填充<br>
				我会觉得这里很空<br>
				然后又不知道该放些什么<br>
				但是想一想<br>
				其实我也没有什么好展示的<br>
				<img src="img/bar/LocationBar.png" width="100%">
			</div>

			<div class="content_first_picture">
				<img src="img/Joker/1.png"/>
			</div>

		</div>

		<hr color=black>

		<div class="first_div">

			<div class="content_second_picture">
				<img src="img/Joker/2.png"/>
			</div>

			<div class="content_second">
				<img src="img/bar/MusicBarOne.png" width="100%">
				<p>
				<br>
				<br>
				本来还想着要在网页里放音乐<br>
				然后发现音乐插件各种麻烦<br>
				部分浏览器是不支持放音乐的<br>
				<img src="img/Icon/contacts2.png" height="10%">
				<br>
				而且音乐播放器出现又会让人觉得有点诡异<br>
				总而言之，最后并没有出现音乐播放器<br>
				<br>
				<br>
			</p>
			</div>
		</div>
	</content>

	<footer>
		<div class="footer">
			<!-- 人工分割线，hr很麻烦，想想算了 -->
			<p>--------------------------------------</p>
			<p>此处应该有版权声明</p>
			<ul>
				<li><img src="img/Icon/Gallery_by_PxStardust.png" height="100%"></li>
				<li><img src="img/Icon/Clock_by_PxStardust.png" height="100%"></li>
				<li><img src="img/Icon/Drive_by_PxStardust.png" height="100%"></li>
			</ul>
			<p>然而并没有</p>
		</div>
	</footer>
<script src='js/jquery.min.js'></script>
<script  src="js/index.js"></script>
</body>

</html>